﻿
.tieude{width:725px;height:14px;background: #009531;border-radius: 2px; padding: 6px 25px 6px 8px; color: #fff; font-weight: bold; margin:10px;line-height:14px;text-align:center;}
.content-right{width:725px;min-height:300px;border-radius:2px; padding: 6px 25px 6px 8px;margin:10px;border:1px dotted #dedede}
td{width:80px;border-bottom:1px dotted #ddd;}
.btn{width:100%;height:50px;margin-left:220px}
#btnInsert{width:100px;height:40px;font-weight:bold;font-size:14px}
#btnUpdate{width:100px;height:40px;font-weight:bold;font-size:14px}
#btnDelete{width:100px;height:40px;font-weight:bold;font-size:14px}
.main-left-l{width:80%;height:100px;margin:auto;margin-top:10px;border-radius:5px;border:1px solid #d3e2f9;margin-bottom:10px}
.main-left-l a {text-decoration:none;cursor:pointer;color:#fb8d30;text-align:justify}
.main-left-l-t{width:91%;height:25px;background:#e2e7fc;line-height:25px;font-weight:bold;color:#2868ca;padding-left:18px}
.main-left-l-b{width:91%;height:25px;border-bottom:1px dotted #ddd;line-height:25px;font-weight:bold;font-size:12px;padding-left:18px}
.table-data{width:97%;height:97%;border:1px solid #ddd;margin:auto;margin-bottom:10px}
.table-data td{border:1px solid #ddd;text-align:center}
th{background:#2276f2;height:28px;color:#fff;font-size:12px;font-weight:bold}
table tr td #chkall{height:15px;width:15px;}
table tr th #chkall {height:15px;width:15px;}
span .line{width:18px;height:18px;padding-right:65px;}
span #add-new{color:black;text-decoration:none;font-weight:bold;margin-left:2px;margin-right:10px;position:absolute;top:6px;left:46px}
#delete-new{color:black;text-decoration:none;font-weight:bold;margin-left:2px;margin-right:10px;position:absolute;top:6px;left:130px}
#ref-new{color:black;text-decoration:none;font-weight:bold;margin-left:2px;margin-right:10px;position:absolute;top:6px;left:305px}
#update-new{color:black;text-decoration:none;font-weight:bold;margin-left:2px;margin-right:10px;position:absolute;top:6px;left:220px}
/*==============================================================================================*/
ul			{ list-style: none; }
ul li 					{ line-height: 160%; padding-left: 30px;font-size:13px }
li 					    { line-height: 180%; margin-left: 35px; }
th 						{ font-weight: bold; padding: 5px; text-align: left; }
table					{ border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0px;
    padding: 0px;
    width: 490px;
}
td, div 				{ font-size: 100%; }
.TableView				{ border: 1px solid #EDEDED;
    width: 946px;
}
.TableView .trHeader	{ font-weight:bold; text-align:center; background:#2276f2; color:#FFFFFF; } 
.TableView .trHeader td	{ padding:2px 0; line-height:15px; height:24px; } 
.TableView .trOdd		{ line-height:24px; background:#FFFFFF } /*d�ng le*/
.TableView .trEven		{ line-height:24px; background:#f5f5f5 } /*d�ng chan*/
.TableView .tdCenter	{ text-align:center; width:30px; }
.TableView .tdLeft		{ text-align:left; }
.TableView .Function 	{ text-align:center; width:120px; height:20px; }
.TableView .Function input{ border:0; margin:0; padding:3px 0 0 0;  }
.TableView .Paging		{ line-height:20px; }
.TableView .Text		{ padding:0 4px; min-width:140px; }
.TableView .Multiline	{ padding:0 4px; }
.TableView .Center		{ text-align:center; }
.TableView .TextShort	{ width:100px; text-align:center; }
.TableView .CheckBox	{ width:140px; text-align:center; }
.TableView .CheckBoxsmall{ width: 80px; text-align:center; }
.TableView .Activehead	{ width:110px; text-align: center; }
.TableView .Date		{ width:80px; text-align: center; }
.TableView .Image		{ width:150px; text-align: center; }
.TableView .Time		{ width:75px; text-align: center; }
.TableView .DateTime	{ width:165px; text-align:center; }
.TableView .DateTimesmal{ width:110px; text-align:center; }
.TableView .Number		{ width:80px; text-align:center; }
.TableView .NumberM		{ width:80px; text-align:right; }
.TableView .MoneyVND,
.TableView .MoneyUSD	{ width:90px; text-align: right; }
.TableView .Moneysmall	{ width:90px; text-align: center; }
.Control				{ margin:0; padding:0; border:1px solid #99BBE8; background:#D0DEF0; height:26px; line-height:26px; }
.Control a:link,
.Control a:visited		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control a:hover		{ color:#000000; font-weight:normal; text-decoration:none; }
.Control li				{ display:inline; list-style:none; padding:0 10px 0 4px; background: url(images/control_li_split.gif) right no-repeat; }
.Control .vadd			{ background: url(images/page_add.png) center left no-repeat; padding-left:20px; }
.Control .vedit	 		{ background: url(images/edit.png) center left no-repeat; padding-left:20px; }
.Control .vdelete 		{ background: url(images/delete.png) center left no-repeat; padding-left:20px; }
.Control .vrefresh		{ background: url(images/refresh.png) center left no-repeat; padding-left:20px; }
.Control .vback			{ background: url(images/uplevel.png) center left no-repeat; padding-left:20px; }
.Control .uupdate		{ background: url(images/page_save.png) center left no-repeat; padding-left:20px; }
.Control .uback			{ background: url(images/back.png) center left no-repeat; padding-left:20px; }
.Control .in		{ background: url(images/in.JPG) center left no-repeat; padding-left:20px; }
/*.Control .vrefresh	    { background: url(imagesAdmin/refresh.png) center left no-repeat; cursor:pointer; padding-left:20px;}*/
.TableView .Center		{ text-align:center; }
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"], 
button 					{ padding: 1px 6px; border:none;}
/*------------------------------------------------------------*/
.TableUpdate			{ width:100%; border:1px solid #EDEDED; border-collapse:collapse; text-align:left; font-family: Arial; font-size: 12px}
.TableUpdate tr			{ line-height:20px; background:#FFFFFF }
.TableUpdate th			{ width: 120px; padding:2px 5px; text-align:left; border: 1px solid #ddd5d5}
.TableUpdate td			{ padding: 2px 2px; border: 1px solid #ddd5d5}
.TableUpdate .text		{ width: 400px; height: 18px; border-style: solid; border: 1px solid #ddd5d5}
.TableUpdate .bottom	{ padding: 3px 5px; background: #f38317; border-radius: 2px; font-family: Arial; font-size: 11px; color: #0b1985; font-weight: bold; margin: 0 5px; 
                          -moz-box-shadow: 0 0 13px rgba(0,0,0,.15); -webkit-box-shadow:0 0 13px rgba(0,0,0,.15); box-shadow: 0 0 13px rgba(0,0,0,.15)}
.TableUpdate .bottom:hover { background: #048fee;cursor:pointer;}
.TableUpdate .image		{ width:150px; }
.TableView .Image		{ width:150px; text-align: center; }
.page {
    float: left;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 30px;
    width: 95%;
}
.page a {
    border: 1px solid #d9d9d9;
    color: #ff0000;
    cursor: pointer;
    height: 26px;
    margin-right: 6px;
    min-width: 10px;
    padding: 5px 9px 6px;
}
.page a:hover {
    background: none repeat scroll 0 0 #f07e02;
}
